{% load staticfiles %}
{% load gerits_apps %}
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="{% static "css/base.css" %}" />
    <script type="text/javascript" src="{{ STATIC_URL }}/js/jquery.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}/js/navigation.js"></script>
    <title>{% block title %}Gerits{% endblock %}</title>
</head>

<body>
    <div id="top">
	    <div id="header">
	    	<span class="title">GERITS</span>
	    	<span class="subtitle">home server</span>
	    	{% if user.is_authenticated %}
	    	<div id="user">
	    		<form action="/accounts/logout/">
		    		<span class="name">
		    			<img src="{% static "images/user.png" %}" alt="user" width="16" />&nbsp;Welcome&nbsp;<b>{{ user.username }}</b> 
		    		</span>
	    			<input type="submit" class="button" value="Logout" />
	    		</form>
	    	</div>
	    	{% endif %}
	    </div>
	    
	    <div id="navigation_bar">
	    	<div id="navigation_button">
	    		navigation&nbsp;<img src="{% static "images/down.png" %}" alt="user" width="16" />
	    	</div>
	    	<div id="navigation_menu">
				<p><a href="/">Home</a></p>
				{% get_user_models as models %}
				{% for key, value in models.items %}
					<p><a href="{{ key }}">{{ value.label }}</a></p>
				{% endfor %}
	    	</div>
	    </div>
    </div>

    <div id="content">
        {% block content %}{% endblock %}
    </div>
</body>
</html>